<!---->
<template>
<div  class="add-block">
  <el-table :data="applyTable" style="width: 100%">
    <el-table-column type="selection" width="55" />
    <el-table-column prop="apply" label="权限" width="180" />
    <el-table-column label="菜单项">
      <template #default="scope">
        <a href="#" v-for=" i in scope.row.menu" :key="i" style="display: block;">{{ i }}</a>
      </template>
    </el-table-column>
  </el-table>
  <div style="margin-top: 20px">
    <el-button type="primary" @click="editDialogVisible = false">确定</el-button>
    <el-button @click="editDialogVisible = false">返回</el-button>
  </div>
</div>
</template>


<script>
import { toRefs, reactive, onMounted } from 'vue';
export default {
  setup() {
    const state = reactive({
      applyTable:[
        {
          apply:"发起流程",
          menu:["流程\\发起流程",'流程\\工作交办','顶部菜单\\流程'],
        },
        {
          apply:"短信发送",
          menu:[],
        },
        {
          apply:"工作计划",
          menu:[],
        },
        {
          apply:"发送内部消息",
          menu:["顶部菜单\消息"],
        }
      ],
    });
    // 页面加载时
    onMounted(() => {
    });
    return {
      ...toRefs(state),
    };
  },
  methods: {
      
  },
};
</script>


<style lang='scss' scoped>
@import './config.scss';
</style>